import { coffeeOrderType } from "@/type/coffeeType";
import { Header } from "antd/es/layout/layout";
import React, { FC, memo } from "react";
import Exit from "./cpns/exit";
import ViewOrder from "./cpns/viewOrder";
import { HeaderWrapper } from "./style";

interface IProps {
  allOrder: coffeeOrderType["shopCar"][];
}

const OrderHeader: FC<IProps> = memo((props) => {
  const { allOrder } = props;

  return (
    <HeaderWrapper>
      <header className="header">
        <div className="title">
          C<span>/\</span>T/FFEE
        </div>
        <ViewOrder allOrder={allOrder}></ViewOrder>
        <Exit></Exit>
      </header>
    </HeaderWrapper>
  );
});

export default OrderHeader;
